@use 'sass:map';
@use 'mixins' as *;

// 后台主体窗口左右间距
// --cus-main-space
$main-space: 16px;

// --cus-color-primary-light
$primary-light: #3f6ad8;

// 背景色
// --cus-bg-color
$bg-color: () !default;
$bg-color: map.merge(
				(
						'': var(--el-bg-color),
						'overlay': var(--el-bg-color-overlay)
				),
				$bg-color
);

// 边框色
// --cus-border-color
$border-color: () !default;
$border-color: map.merge(
				(
						'': #f6f6f6
				),
				$border-color
);

// 阴影效果
// --cus-box-shadow-width
$box-shadow-width: 10px;
// --cus-box-shadow
$box-shadow: () !default;
$box-shadow: map.merge(
				(
						'': 0 0 $box-shadow-width rgba(128, 128, 128, 0.36)
				),
				$box-shadow
);

// ckeditor富文本编辑器背景色
// --cus-ck-color-base-background
//$ck-color-base-background: var(--ck-color-base-background);
$ck-color-base-background: #fcede4;

// ckeditor富文本工具栏背景色
// --cus-ck-color-toolbar-background
//$ck-color-toolbar-background: var(--ck-color-toolbar-background);
$ck-color-toolbar-background: antiquewhite;

:root {
	@include set-css-var-value('main-space', $main-space);
	@include set-css-var-value('color-primary-light', $primary-light);
	@include set-component-css-var('bg-color', $bg-color);
	@include set-component-css-var('border-color', $border-color);
	@include set-css-var-value('box-shadow-width', $box-shadow-width);
	@include set-component-css-var('box-shadow', $box-shadow);
	@include set-css-var-value('ck-color-base-background', $ck-color-base-background);
	@include set-css-var-value('ck-color-toolbar-background', $ck-color-toolbar-background);
}
